import {Pressable, StyleSheet, View} from 'react-native'
import {MaterialIcons} from '@expo/vector-icons'

export default function () {
    return (
        <View style={styles.circleButtonContainer}>
            <Pressable style={styles.circleButton}>
                <MaterialIcons name='add' size={38} color="#25292e"/>
            </Pressable>
        </View>
    )
}

const styles = StyleSheet.create({
    circleButtonContainer: {
        width: 84,
        height: 84,
        borderRadius: 42,
        borderWidth: 4,
        borderColor: '#ffd33d',
        marginHorizontal: 60
    },
    circleButton: {
        backgroundColor: '#fff', borderRadius: 42,
        justifyContent: 'center', alignItems: 'center', flex: 1
    }
})